react mongoose hapijs jwt-token dva antd hapijs-jwt antd-design-pro MongooseJavaScript

ant-design-vue：基础使用

一、环境介绍vue3+ts+ant-design-vue二、安装使用2.1、安装脚手架工具 2.2、创建一个demo项目2.2.1、创建项目2.2.2、安装成功：2.2.3、项目目录及启动项目：2.2.4、启动成功2.2.5、查看最新稳定版vue版本发布 | ...

ant-design-demos

标签： ant-design demo

ant design demo 直接打开里面Html即可，chrome最佳

vue3+ant design vue+ts实战【ant-design-vue组件库引入】

标签： vue.js 前端 typescript

一个好项目的编写不仅需要完美的逻辑，以及相应的技术，同时也需要一个设计规范的高质量UI组件库。本期文章将会详细讲解Ant Design Vue组件库的安装、引入和使用。

ant-design-vue 4.x实现自由切换主题色和暗色亮色模式

标签： vue.js 前端 javascript

主题样式和亮暗色模式一直是前端开发不可避免的问题，今天我带来一种新的思路实现动态主题和亮暗色模式，在演示项目中使用到了最新的ant design vue 4.x，但是其他的ui库也可以使用类似的方式去实现动态主题。...

Vue3按需加载ant-design-vue组件库

标签：前端 vue ant-design-vue

1、安装ant-design-vue 使用yarn 或 npm 安装并引入 ant-design-vue。 yarn add ant-design-vue npm i --save ant-design-vue 2、安装 babel-plugin-import babel-plugin-import是一个用于按需加载组件代码...

Vue3+Ts 实现 ant-design-vue 的全局引入和局部引入以及Vite按需加载

标签： Vue3 ant-design-vue

ant-design-vue的全局引入很简单，npm i --save ant-design-vue@next，然后在main.ts中添加即可。不推荐：这会影响应用的网络性能。（from 官网）局部引入第一种：在需要的组件中引入，例如按钮（方法可行但不...

Vue3.0 使用 ant-design-vue

标签： vue antd-design-vue

一、升级Vue-clidao 3.0 全局更新Vue-cli版本 yarn global add @vue/cli@next # OR npm install -g @vue/cli@next 输入vue -V(大写的V)查看版本 @vue/cli 4.5.6 二、创建3.0版本的Vue项目...三、引入ant-design-vue y

vue3+antd-design-vue语言国际化配置

标签：国际化 ant-design-vue vue3.js

1.安装antd-design-vue 时使用npm i --save ant-design-vue@next命令，（文末会贴出相关框架版本）； 2.语言国际化配置分为两种，第一种是我们自定义组件使用到的文字，第二种是ui框架自带的文字。思路：自定义文字...

按需导入antd/ant-design-vue,Nuxt按需导入antd/ant-design-vue

标签： nuxt antd 按需导入

1、首先我在创建项目的时候就选择了antd这个框架，所以插件那块会有一个antd-ui.js...npm i ant-design-vue 1、按需导入 import Vue from 'vue' import { Carousel } from 'ant-design-vue/lib'; import 'ant-des...

ant-design-vue select 使用汇总

标签： vue ant-design-vue select

最近使用ant-design-vue，在使用select的时候遇到一些特殊情况，特此做一下整理汇总。首先实例中的下拉选中为： const options = [ { name: '北京', id: '00001', spell: 'beijing', simpleSpell: 'bj' }, {...

ant-design-vue table表格添加合计行(完美解决篇)

标签： vue.js 前端 anti-design-vue

ant-design-vue table表格添加合计行解决方案

react: 动态设置ant-design/icons图标

标签： ant-design 动态修改antd图标

@ant-design/icons 版本： V4 在此版本中，icon的图标模式为标签形式，不像element那样可以通过改变class而改变icon的图标样式。在我使用umijs开发后端管理系统时候，需要用到动态的icon图标，系统配置的时候只会...

ant-design-pro npm install安装报错

标签： ant-design-pro

npm install 时报错类型： 1、npm ERR! Unexpected end of JSON input while parsing near ‘…Vw9EwLULFMnAcWmvSOgfu’ 2、npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator...

ant-design-vue将英文改为中文-LocaleProvider国际化

标签： LocaleProvider ant-design-vue aconfigprovider

`LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead 用这个标签即可 a-config-provider LocaleProvider国际化 ...LocaleProvider 使用 Vue 的provide/inject特性，只需在应用...

Ant-design-vue更换主题色

标签： ant-design-vue更换主题色 ant-design-vue

使用ant-design-vue，框架本身使用的蓝色主题色，需要更换成UI指定的颜色。解决方案在build文件夹下找到util.js，在util.js文件中找到function generateLoaders，修改return部分 // ...

ant-design-vue中upload上传图片、视频实现预览功能

标签： anti-design-vue 前端

二次封装ant-design-vue 上传组件实现视频、图片预览

ant-design-vue的兼容问题2

标签： antdesignvue兼容 antd-vue兼容兼容

问题：ant-design-vue不兼容ie浏览器要求：ie兼容 >= 9 环境：@vue/[email protected]，[email protected] 之前写了一篇博文解决ant-design-vue的兼容，由于@vue/cli搭建项目升级导致不能生效，为了解决这个遗憾，本...

ant-design-vue checkbox checked不生效

标签： vue.js a-checkbox AntDesignofVue

ant-design-vue checkbox checked不生效 https://segmentfault.com/q/1010000018981910 基本用法

在vue中使用ant-design-vue组件

标签： vue.js

在vue中使用ant-design-vue组件文章目录在vue中使用ant-design-vue组件1. 安装2. 引入组件库3. 使用3.1 按钮样式3.2 导航栏样式3.3 表单样式官方地址：Ant Design Vue 1. 安装首先使用vue-cli创建项目，然后...

Ant Design Vue 使用-引入 ant-design-vue并且使用

标签： vue js python

Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 Ant Design Vue ...Github:https://github.com/vueComponent/ant-design-vue/ star：1...

vue3+element-plus的后台系统管理端模板和 vue3+ant-design-vue的后台系统管理端模板

标签： vue.js ant-design-vue element-plus

规范：后台系统模板，按照企业级别的规范搭建的。权限控制：通过后端返回的路由表（这个路由表是由前端这边在系统配好的然后存储在后端的）来动态渲染菜单和注册路由，同时也根据页面内的接口权限对页面中的按钮做了...

ant-design-vue中Form表单校验

标签： vue ant-design-vue form

页面效果实现 <a-form :form="form"> <a-row> <a-col :span="12"> <a-form-item label="城市区域" :label-col="{ span: 5 }" :wrapper-col="{ span: 15 }

vue-ant-design 在ie的兼容问题

标签： javascript vue.js vue-ant

一开始没有注意ie的兼容,在谷歌中一切都很正常. 但是才发现,当我在ie中运行的时候,界面直接白板了,而且是ie 11. 还不是低版本,都已经行不通了一直报错, 有set的错误 ,也有SecurityError错误忘记截图了,因为项目...

[ant-design-vue]ant-design-vue的table列宽设置问题

标签： vue.js

table表格宽度问题 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table</title> </head> <body> <table border="1">...c

vue-cli3 ant-design-vue组件部分加载以及二次封装发布到npm

标签： JavaScript ant-design-vue npm

vue-cli3 ant-design-vue组件部分加载以及二次封装发布到npm由头ant的部分加载二次封装发布到npm打包发布测试完全 o98ko! 由头最近做项目时遇到许多组件重用问题，恰巧公司前辈和我提起组件封装问题，就花时间研究...

引入import ‘ant-design-vue/dist/antd.css‘时报错

标签： vue.js css 前端

提示 Module not found: Error: Can't resolve 'ant-design-vue/dist/antd.css' in 'D:\yupi\antd-demo\src'初始化前端时候总拉不下来ant.css文件，这个路径ant-design-vue 不存在css文件。后来发现官方文档给的是...

ant-design-vue中 a-select组件 - 加载大量数据造成卡顿--已解决

标签： ant-design-vue select卡顿 vue3

在ant-design-vue 中，select 可以通过输入文字匹配数据源中的数据，但是在滚动加载中，如果暂时还没有加载到该条数据，则不能匹配到的这条数据。具体思路如下：监听下拉框展开，下拉框展开后，要重置展示...

ant-design-vue select 组件 placeholder 被隐藏不显示问题

标签： ant-design-vue select 组件 placeholder

问题描述：select 组件绑定了 v-model 和 placeholder，当 v-modal 绑定的属性为空时，select 组件的 placeholder 属性不显示。 // 初始化 level = '' <a-select v-model="level" placeholder="选择日志级别...

[异常]npm install ant-design-vue --save - Vue

标签： Vue ant-design macOS

如下操作均在 macOS 系统下进行的，Windows 环境下暂未...npm install ant-design-vue --save 异常如下：解决办法：在命令前加入 "sudo" 后面命令不变，命令如下： sudo npm install ant-design-vue --sa...

关于ant-design-vue的一些坑

标签： an-design-vue

an-design-vue中的一些坑使用an-design-vue的一些吐槽最近一个前端项目ui要使用an-design-vue，说干就干。首先打开an-design-vue官网，点开layout选项，看了全部没看到相关示例代码，就在最下面看到相关API有相关...